<template>
  <el-container>
  <el-aside width="200px">
         <el-menu default-active="1-1" >
        <el-menu-item-group>
          <template slot="title">通用设置</template>
          <el-menu-item index="1-1"><router-link to="/setup/NoticeNotice">通知公告</router-link></el-menu-item>
        </el-menu-item-group>
         <el-menu-item-group>
          <template slot="title">团队设置</template>
          <el-menu-item index="2-1"><router-link to="/setup/CustomerServiceManagement">客服管理</router-link></el-menu-item>
          <el-menu-item index="2-2"><router-link to="/setup/GroupManagement">分组管理</router-link></el-menu-item>
          <el-menu-item index="2-3"><router-link to="/setup/PresuppositionProblem">预设问题</router-link></el-menu-item>
        </el-menu-item-group>
         <el-menu-item-group>
          <template slot="title">客服设置</template>
          <el-menu-item index="3-1"><router-link to="/setup/CommonWords">常用语</router-link></el-menu-item>
          <el-menu-item index="3-2"><router-link to="/setup/BlackList">黑名单</router-link></el-menu-item>
        </el-menu-item-group>
         
          
          
        
        
    </el-menu>
  </el-aside>

  <el-main style="margin-left:10px; background-color: #ecf5ff" id="setupmain">
    <div id="setupmain">
        <router-view />
    </div>
      
  </el-main>

</el-container>
</template>
<style scoped>
 .el-menu-item{
      border-left: 5px rgba(255, 255, 255, 0) solid;
  }

  .is-active{
     border-left: 5px #006eff solid;
      color: #333333 !important;  
      background-color: #ecf5ff;
     
  }
  a{
    display: block;
    width: 170px;
     text-decoration: none;
       color: #333333;
  }
 
  .el-menu{
    position: fixed;
    overflow: auto;
    width: 210px;
    height: 600px;
  
  }
  #setupmain{
    width: 1080px;
    padding: 20px;
    background: #ffffff;
    border-radius:20px;
    min-height: 500px;
  }
 
 
</style>
<script>
//import $ from 'jquery'
//import PersonalInformation from "@/components/PersonalInformation.vue";


export default {
    name:"Set-up",
    data() {
      return {}
    },
   

 
}
</script>